ul.slider{
    
        height:375px;
        width:562px;
    
        margin:0 auto;
        padding:0;
        
        position:relative;
        
        list-style-type:none;            
    } 
	
ul.slider li{
    
        height:100%;
        width:100%;
        position:absolute;
        top:0;
        left:0;
    } 

ul.slider li img{     
        display:block;
    }

ul.slider li:after{
        content:'';
        
        height:10px;
        width:100%;
    
        
        position:absolute;
        bottom:0;
        left:0;
        
        background:red;    
    }

 ul.slider li:after{
    
        width:100%; /*importante esto lo hemos cambiado*/
        
        -moz-transition: width 5s linear;
        -webkit-transition: width 5s linear;
        -o-transition: width 5s linear;
        transition: width 5s linear;
        
    }
    
 ul.slider li:hover:after{    
        width:100%;
    }  


 ul.slider{
        overflow:hidden;
    }
    
 ul.slider li:hover{
    
        margin:10000000px; /*truco o trato*/

        
        -moz-transition: margin .1s linear 5s; 
        -webkit-transition: margin .1s linear 5s;
        -o-transition: margin .1s linear 5s;
        transition: margin .1s linear 5s;
    }

	
ul.slider li:hover~li
    {
        /*hacerla desparecer*/
    }
	
ul.slider li:hover~li
    {
        display:none; /*volveremos sobre este display*/
    }
	
ul.slider li{
        opacity:1;    

        background:#000; /*Solo para que no se vean cargar las fotos una encima de la otra*/    
        
    }
    
    
ul.slider li:hover{
        opacity: 0;
        
        -moz-transition: margin .1s linear 5s, opacity 1s linear 4s ; 
        -webkit-transition: margin .1s linear 5s, opacity 1s linear 4s ;
        -o-transition: margin .1s linear 5s, opacity 1s linear 4s ;
        transition: margin .1s linear 5s, opacity 1s linear 4s ;
    }
	
ul.slider:before{
        content:'';
        
        background:transparent url(http://estaticos01.elmundo.es/elmundo/iconos/v4.x/v4.02/play.png) no-repeat scroll right bottom;
        
        height:30px;
        width:100%;

        position:absolute;
        
        left:0;
        bottom:0;
        
        z-index:1;
    }
    
    ul.slider:hover:before{
        display:none;
    } 
	
	

	